/* 主题颜色样式 */
/* 默认主题 */
:root[data-theme='default'] {
  --tw-primary: #3b82f6;
  --tw-secondary: #10b981;
  --tw-accent: #8b5cf6;
  --tw-dark: #1f2937;
  --tw-light: #f9fafb;
}

/* 红色主题 */
:root[data-theme='red'] {
  --tw-primary: #ef4444;
  --tw-secondary: #f97316;
  --tw-accent: #ec4899;
  --tw-dark: #1f2937;
  --tw-light: #fef2f2;
}

/* 青色主题 */
:root[data-theme='teal'] {
  --tw-primary: #14b8a6;
  --tw-secondary: #0d9488;
  --tw-accent: #38bdf8;
  --tw-dark: #0f172a;
  --tw-light: #f0fdfa;
}

/* 应用主题颜色到Tailwind类 */
.bg-primary {
  background-color: var(--tw-primary);
}

.text-primary {
  color: var(--tw-primary);
}

.border-primary {
  border-color: var(--tw-primary);
}

.hover\:bg-primary\/90:hover {
  background-color: rgba(var(--tw-primary), 0.9);
}

.hover\:text-primary\/80:hover {
  color: rgba(var(--tw-primary), 0.8);
}

/* 辅助色 */
.bg-secondary {
  background-color: var(--tw-secondary);
}

.text-secondary {
  color: var(--tw-secondary);
}

/* 强调色 */
.bg-accent {
  background-color: var(--tw-accent);
}

.text-accent {
  color: var(--tw-accent);
}

/* 深色和浅色 */
.bg-dark {
  background-color: var(--tw-dark);
}

.text-dark {
  color: var(--tw-dark);
}

.bg-light {
  background-color: var(--tw-light);
}

.text-light {
  color: var(--tw-light);
}
